<template>
  <div class="Community">
    <div class="head">
      <h1>社区互助论坛</h1>
    </div>
    <div class="contain">
      <Detal-Community />
      <van-divider style="margin:0">暂无新的帖子</van-divider>
    </div>
    <buttom-Tabbar />
  </div>
</template>

<script>
import Vue from 'vue'
import { Skeleton, Divider } from 'vant'
import ButtomTabbar from '../../components/ButtomTabbar'
import DetalCommunity from '../../components/DetalCommunity.vue'
Vue.use(Skeleton).use(Divider)
export default{
  name: 'Community',
  components: {
    'buttom-Tabbar': ButtomTabbar,
    'Detal-Community': DetalCommunity
  }
}
</script>

<style scoped>
.Community{
  background-color: rgb(247, 245, 245)
}
.head{
  background-color: rgb(255, 255, 255);
}
.contain{
  margin-bottom: 100px;
}
</style>
